<?php
require 'main.php'; 
require ("header.php");
?>
<!-- page content-->
<link href="css/bod-styles.css" rel="stylesheet" type="text/css" />
<link href="css/fonts.css" rel="stylesheet" type="text/css" />
<link href="css/form-style.css" rel="stylesheet" type="text/css" />
<link href="css/cent-styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/tabs.js"></script>

	<div id="wrap">
		<div id="glosario">
			<h2 class="tit">VERDURAS</h2> 
<?php 
require BASE_PATH . DS . 'templates' . DS .'buscador.tpl.php';?>
			<h6 class="descr">Para obtener informaci&oacute;n sobre alguna verdura en particular, puede recorrer las iniciales, buscarla a trav&eacute;s del buscador o bien 
				consultar en el listado de abajo. Especificaciones al pi&eacute; de la p&aacute;gina.</h6><br />
			<nav id="abc">
				<ul>
					<li><a href='?word=a'>A</a></li>
					<li><a href='?word=b'>B</a></li>
					<li><a href='?word=c'>C</a></li>
					<li><a href='?word=e'>E</a></li>
					<li><a href='?word=h'>H</a></li>
					<li><a href='?word=l'>L</a></li>
					<li><a href='?word=m'>M</a></li>
					<li><a href='?word=n'>N</a></li>
					<li><a href='?word=p'>P</a></li>
					<li><a href='?word=r'>R</a></li>
					<li><a href='?word=t'>T</a></li>
					<li><a href='?word=z'>Z</a></li>
				</ul>
			</nav>
		</div><!--end glosario-->
		<div id="container">
			<nav id="veg">
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.jcarousel.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
	 jQuery('.jcarousel-skin-tango').jcarousel({visible:5,scroll:5});
});
</script>

		<div class="jcarousel-skin-tango">
		  <div class="jcarousel-container">
			<div class="jcarousel-clip">
			  <ul class="jcarousel-list">
<?php
	//recogemos la variable en caso de no existir la cargamos por defecto
	$word = isset($_GET['word'])?$_GET['word'] : 'a';
		
		
					$verduras = db_query::newInstance()->select('verduras',array('*'),
										"WHERE nombre LIKE ':s%' LIMIT 1",array($word));
					if($verduras->numRows() > 0)
					{
						$verduras->fetchAssoc($row);
						$word = $row['nombre'];
					}
					//en caso de habilitar la CH , LL
					//$letra = isset($word[1]) && in_array($word[1],array('h','l'))? $word[0].$word[1]: $word[0];
				$letra = $word[0];
				$letra = db_query::newInstance()->select('verduras',array('nombre'),
										"WHERE nombre LIKE ':s%' ORDER BY nombre",array($letra));
				while($letra->fetchAssoc($l)):
				$nombre_verdura = isset($nombre_verdura)? $nombre_verdura : $l['nombre'];
?>
				<li><a href="?word=<?=$l['nombre']?>"><?=$l['nombre']?></a></li>
<?php
		endwhile;
?>
				</ul>
			</div><!--and carousel clip-->
			<div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled">&lt;</div>
			<div class="jcarousel-next">&gt;</div>
		  </div><!--end carousel container-->
		</div><!--end jcarousel - skin- tango-->
			</nav>
	
			<section id="content">
<?php  

		if(empty($row))
		{
			//cargamos la verdura por defecto
			$verduras = db_query::newInstance()->select('verduras',array('*'),
										"WHERE nombre=':s'",array($nombre_verdura));
			//obtenemos los datos en el array $row
			$verduras->fetchAssoc($row);
		}
		//usamos el otro metodo de ECHO
		
echo <<<HTML

<table width=900 border=0>
	<tr>
		<td width=500 valign=top>
			<table width=500 border=0 valing=top>
				<tr>
					<td valing=top width="500" colspan=2>
						<table border=0 valign=top><tr>
							<td><h3>{$row['nombre']}</h3></td>
							<td><h6 class="tmb">{$row['tmb']}</h6></td></tr>
						</table>
					</td>
				</tr>
				<tr>
					<td width="210" height=300 valign=top>
						<img src="image/verd/{$row['fot']}.jpg" alt="{$row['fot']}"/>
					</td>
					<td width=210 valign=top>
						<table width=210 border=0 valign=top>
							<tr>
								<td width=100 align=center valign=top>
									<h5>Minerales:</h5>
									<p class="mineral">{$row['minerales']}</p>
								</td>
								<td align=center valign=top>
									<h5>Vitaminas:</h5>
									<p class="mineral">{$row['vitaminas']}</p>
								</td>
							</tr>
							<tr>
								<td width=100 align=center valign=top>
									<h5>Prote&iacute;nas:</h5>
									<p class="mineral"><span class="red"> Por 100 grms</span><br />{$row['proteinas']}</p>
								</td>
								<td align=center>
									<h5>Calor&iacute;as:</h5> <p class="mineral"><span class="red"> Por 100 grms</span><br />{$row['calorias']}<p>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>	
		</td>
	    <td width=400 valign=top>
			<table width="400" valign=top>
				<tr>
					<td>
						<ul class="tabs">
							<li><a href="#tab1">Beneficios</a></li>
							<li><a href="#tab2">Contras</a></li>
						</ul>
						<div class="tab_container">
							<div id="tab1" class="tab_content">
								<p>{$row['prop']}<br /><a href="{$row['linkA']}" class="proContra" rel="nofollow">M&aacute;s informaci&oacute;n... </a></p>
							</div>
							<div id="tab2" class="tab_content">
								<p>{$row['riesgos']}<br /><a href="{$row['linkB']}" class="proContra" rel="nofollow">M&aacute;s informaci&oacute;n... </a></p>
							</div>
						</div>
					</td>
				</tr>
			</table>
		</td>
	</tr>
  </table>
HTML;
	?>
			</section><!-- end section content-->
			<div id="ref">
				<p class="nota"><span style="color:#b41;">NOTA: </span>Ha de considerarse que, pr&aacute;cticamente todas las verduras tienen sus propias variedades, cada una de ellas,
					distingui&eacute;ndose no s&oacute;lo por sus colores sino tambi&eacute;n por la textura y sabor. Este sitio no pretende dar las caracter&iacute;sticas de cada variedad, simplemente
					mentarlo.</p>
			</div><!--end ref-->
		</div><!--end container-->
	</div><!--end wrapp-->
<?php
  include ("footer.html");
?>